<template>
    <div>
        <div class="width-75 tc z-header fs-36">
            <span class="lt" @click="$router.back(-1)">
                <i class="iconfont icon-zuo m-t-18"></i>
            </span>
            <span>我的</span>
        </div>
        <div class="row m-t-4 width-75 ">
            <div>
                <img :src="message.portrait" alt="" class="my-portrait">
            </div>
            <div class="m-l-25">
                <p class="fs-36 f-w m-t-18">{{message.nickName}}</p>
                <span class="fs-28 c-9 m-t-18">{{message.motto}}</span>
            </div>
        </div>
        <div class="index-blank m-t-4">

        </div>
        <nav>
            <ul class="fs-30">
                <li class="bb-1-e">
                    <router-link to="/personal">
                        <div class="width-75 flex z-header">
                            <div>
                                <i class="iconfont icon-56 fs-36"></i>
                                <span>个人资料</span>
                            </div>
                            <div>
                                <i class="iconfont icon-you1 fs-28"></i>
                            </div>
                        </div>
                    </router-link>
                </li>
                <li class="bb-1-e">
                    <router-link to="attestation">
                        <div class="width-75 flex z-header">
                            <div>
                                <i class="iconfont icon-56 fs-36"></i>
                                <span>认证中心</span>
                            </div>
                            <div>
                                <i class="iconfont icon-you1 fs-28"></i>
                            </div>
                        </div>
                    </router-link>
                </li>
            </ul>
        </nav>
    </div>
</template>
<script>
import { z } from '../assets/js/common'
export default {
    data() {
        return {
            message:""
        }
    },
    methods: {
        my() {
            this.$http({
                method: "post",
                url: localPath + "/student/getMyUser"
            }).then((data) => {
                this.message = data.data.message;
                console.log(this.message);
            }).catch((error) => {
                console.log(error);
            })
        }
    },
    mounted() {
         this.my();
    },

}

</script>
<style>
.my-portrait {
    width: 1.24rem;
    height: 1.24rem;
    border-radius: 32px;
}
</style>
